.previewThePagePc,
.previewThePageMoa,
.body-right,
.body-left {
  --el-color-primary: @buttonColor; //switch开启颜色
  --el-color-danger: @buttonColor; //danger按钮全局替换颜色
  --el-button-hover-bg-color: @buttonColor; //danger按钮全局替换颜色
  //输入框全局样式
  :deep(.el-input__wrapper),
  :deep(.el-textarea__inner) {
    padding: 5px 10px;
  }
}
.el-message {
  .el-icon {
    font-size: @fontSize;
    svg {
      width: 15px;
      height: 15px;
    }
  }
}
//图标大小全局样式
.el-icon-common {
  font-size: 20px;
  cursor: pointer;
  color: red;
}
img {
  display: block;
}
//弹窗样式
.el-overlay-dialog {
  .el-dialog {
    border-radius: 10px;
    //弹窗头部
    .el-dialog__header {
      font-size: 22px;
      .el-dialog__title {
        font-size: 22px;
        color: #351d1d;
        font-weight: 700;
      }
      .el-dialog__headerbtn {
        font-size: 28px;
      }
    }
    //弹窗内容
    .el-dialog__body {
      .addInBatches-text {
        font-size: 20px;
        color: #351d1d;
        text-align: center;
        font-weight: 400;
      }
      .personnelDetails-content {
        .content-title {
          font-size: 20px;
          color: #351d1d;
          font-weight: 700;
          text-align: center;
          margin-bottom: 20px;
          .title-name {
            margin-bottom: 10px;
          }
          .title-code {
            margin-bottom: 20px;
          }
          .title-avatar {
            width: 231px;
            height: 324px;
            margin: 0 auto;
            img {
              width: 100%;
              object-fit: cover;
            }
          }
        }
        .content-content {
          font-size: 18px;
          font-weight: 400;
        }
      }
    }
    //弹窗底部
    .el-dialog__footer {
      .el-button--primary,
      .el-button--danger {
        --el-color-primary: @buttonColor; //按钮颜色
        --el-button-bg-color: @buttonColor; //按钮颜色
        --el-button-hover-border-color: @buttonHoverColor; //按钮边框悬浮颜色
        --el-button-hover-bg-color: @buttonHoverColor; //按钮悬浮颜色
      }
    }
  }
}
//列表样式
.listingPage {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  //菜单
  .listingPage-menu {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 20px;
    .el-form-item--default {
      --font-size: @fontSize;
      .el-input {
        width: 260px;
      }
    }
  }
  //列表表格
  .el-table,
  .el-table--default {
    font-size: @fontSize;
    .el-table__header-wrapper {
      th {
        font-size: @fontSize;
      }
    }
    .el-table__row {
      .cell {
        font-size: @fontSize;
        .el-button {
          font-size: @fontSize;
        }
      }
    }
  }
  //分页
  .listingPage-pagination {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 20px;
  }
}
.previewThePagePc,
.previewThePageMoa,
.body-right,
.body-left {
  --el-color-primary: @buttonColor; //switch开启颜色
  --el-color-danger: @buttonColor; //danger按钮全局替换颜色
  --el-button-hover-bg-color: @buttonColor; //danger按钮全局替换颜色
  //输入框全局样式
  :deep(.el-input__wrapper),
  :deep(.el-textarea__inner) {
    padding: 5px 10px;
  }
}
.el-message {
  .el-icon {
    font-size: @fontSize;
    svg {
      width: 15px;
      height: 15px;
    }
  }
}
//图标大小全局样式
.el-icon-common {
  font-size: 20px;
  cursor: pointer;
  color: red;
}
img {
  display: block;
}
//弹窗样式
.el-overlay-dialog {
  .el-dialog {
    border-radius: 10px;
    //弹窗头部
    .el-dialog__header {
      font-size: 22px;
      .el-dialog__title {
        font-size: 22px;
        color: #351d1d;
        font-weight: 700;
      }
      .el-dialog__headerbtn {
        font-size: 28px;
      }
    }
    //弹窗内容
    .el-dialog__body {
      .addInBatches-text {
        font-size: 20px;
        color: #351d1d;
        text-align: center;
        font-weight: 400;
      }
      .personnelDetails-content {
        .content-title {
          font-size: 20px;
          color: #351d1d;
          font-weight: 700;
          text-align: center;
          margin-bottom: 20px;
          .title-name {
            margin-bottom: 10px;
          }
          .title-code {
            margin-bottom: 20px;
          }
          .title-avatar {
            width: 231px;
            height: 324px;
            margin: 0 auto;
            img {
              width: 100%;
              object-fit: cover;
            }
          }
        }
        .content-content {
          font-size: 18px;
          font-weight: 400;
        }
      }
    }
    //弹窗底部
    .el-dialog__footer {
      .el-button--primary,
      .el-button--danger {
        --el-color-primary: @buttonColor; //按钮颜色
        --el-button-bg-color: @buttonColor; //按钮颜色
        --el-button-hover-border-color: @buttonHoverColor; //按钮边框悬浮颜色
        --el-button-hover-bg-color: @buttonHoverColor; //按钮悬浮颜色
      }
    }
  }
}
//列表样式
.listingPage {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  //菜单
  .listingPage-menu {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 20px;
    .el-form-item--default {
      --font-size: @fontSize;
      .el-input {
        width: 260px;
      }
    }
  }
  //列表表格
  .el-table,
  .el-table--default {
    font-size: @fontSize;
    .el-table__header-wrapper {
      th {
        font-size: @fontSize;
      }
    }
    .el-table__row {
      .cell {
        font-size: @fontSize;
        .el-button {
          font-size: @fontSize;
        }
      }
    }
  }
  //分页
  .listingPage-pagination {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 20px;
  }
}
//pc端样式
.previewThePagePc {
  width: 360px;
  height: 740px;
  border: 2px solid #000;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}
//手机端
.previewThePageMoa {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
